<template>
	<div class="loading" :style="{ display: visible ? 'flex' : 'none' }">
		<van-loading type="spinner" color="#1989fa" />
	</div>
</template>

<script lang="ts" setup>
import { defineProps } from 'vue'
defineProps({
	visible: Boolean
})
</script>


<style>
.loading {
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
</style>